<template >
  <div id="app" >

    <router-view></router-view>


  </div>
</template>

<script>
  export default {
    name: 'App',
    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>

<style>
  body{
    margin:0;
    padding-top:0px;
  }
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*text-align: center;*/
    color: #333333;
  }
  .menu-ul{
    height:900px;
    margin:0px;
    padding:0px;
    list-style:none
  }
  .menu-ul-left{
    width:16%;
    float:left
  }
  .menu-ul-right{
    float:left
  }

  #editor-container1 {
    font-family: "Aref Ruqaa";
    font-size: 18px;
    height: 375px;
  }
  /*['Arial', '宋体', '黑体', '微软雅黑','楷体','微软正黑体','新宋体','仿宋','标楷体']*/

  .ql-font span[data-value="Arial"]::before {
    font-family: Arial;
  }
  .ql-font span[data-value="宋体"]::before {
    font-family: SimSun;
  }
  .ql-font span[data-value="黑体"]::before {
    font-family: SimHei;
  }
  .ql-font span[data-value="微软雅黑"]::before {
    font-family: Microsoft YaHei;
  }
  .ql-font span[data-value="楷体"]::before {
    font-family: KaiTi;
  }
  .ql-font span[data-value="微软正黑体"]::before {
    font-family: 	Microsoft JhengHei;
  }
  .ql-font span[data-value="新宋体"]::before {
    font-family: NSimSun;
  }
  .ql-font span[data-value="仿宋"]::before {
    font-family: FangSong;
  }
  .ql-font span[data-value="标楷体"]::before {
    font-family: DFKai-SB;
  }


  .ql-font-Arial {
    font-family: Arial;
  }
  .ql-font-宋体 {
    font-family: SimSun;
  }
  .ql-font-黑体 {
    font-family: SimHei;
  }
  .ql-font-微软雅黑 {
    font-family: Microsoft YaHei;
  }
  .ql-font-楷体 {
    font-family: KaiTi;
  }
  .ql-font-微软正黑体 {
    font-family: 	Microsoft JhengHei;
  }
  .ql-font-新宋体 {
    font-family: NSimSun;
  }
  .ql-font-仿宋 {
    font-family: NSimSun;
  }
  .ql-font-标楷体 {
    font-family: DFKai-SB;
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=黑体]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=黑体]::before{
    content:"黑体"
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]::before{
    content:"Arial"
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=宋体]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=宋体]::before{
    content:"宋体"
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=微软雅黑]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=微软雅黑]::before{
    content:"微软雅黑"
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=楷体]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=楷体]::before{
    content:"楷体"
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=微软正黑体]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=微软正黑体]::before{
    content:"微软正黑体"
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=新宋体]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=新宋体]::before{
    content:"新宋体"
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=仿宋]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=仿宋]::before{
    content:"仿宋"
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=标楷体]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=标楷体]::before{
    content:"标楷体"
  }
</style>
